<template>
  <div class="page p-assets">
    <navigation>{{ $t('资产') }}</navigation>
    <div class="main">
      <total-money />
      <money-list />
    </div>
  </div>
</template>
<script>
import { mapActions } from 'vuex'
import navigation from '@/components/Navigation.vue'
import totalMoney from '@/components/partials/fund/TotalMoney.vue'
import moneyList from '@/components/partials/fund/MoneyList.vue'
export default {
  components: { navigation, totalMoney, moneyList },
  beforeMount () {
    this.getExchangeBalance()
  },
  methods: {
    ...mapActions({
      getExchangeBalance: 'fund/getExchangeBalance'
    })
  }
}
</script>
<style scoped>
.p-assets {
  background-color: #f0f3fa;
  min-height: 100vh;
}
.main {
  padding: 12px;
}
</style>
